<fs-tabset>
  <fs-tab index="0" heading="{{vm.settlement.generalHeading}}">
    <ng-form name="loanSummaryForm">
  		<fs-grid-layout ng-model="vm.settlement" fs-config="vm.generalConfig" fs-validator-config="vm.validatorConfig"></fs-grid-layout>
    </ng-form>
  </fs-tab>
  <fs-tab index="1" heading="{{'title.tab.loan.settlement' | translate}}">
    <ng-form name="loanSettlementForm">
        <div ng-include="'cls/view/'+app.settings.theme+'/settlement/included/loanSettlement.html'"></div>
    </ng-form>
  </fs-tab>
  <fs-tab index="2" heading="{{'title.tab.loan.paidloan' | translate}}" ng-show='vm.isRollover'>
    <ng-form name="paidLoanForm">
        <div ng-include="'cls/view/'+app.settings.theme+'/settlement/included/paidLoans.html'"></div>
    </ng-form>
  </fs-tab>
  <fs-tab index="3" heading="{{'title.tab.loan.paidcustpay' | translate}}" ng-show='vm.isRollover'>
    <ng-form name="paidCustpayForm">
        <div ng-include="'cls/view/'+app.settings.theme+'/settlement/included/paidCustpays.html'"></div>
    </ng-form>
  </fs-tab>
  <!-- <fs-tab index="2" heading="{{'title.tab.product.document' | translate}}">
    <ng-form name="documentForm">
        <div ng-include="'cls/view/'+app.settings.theme+'/settlement/included/document.html'"></div>
    </ng-form>
  </fs-tab>
  <fs-tab index="3" heading="{{'title.tab.product.purchase' | translate}}">
    <ng-form name="purchaseForm">
        <div ng-include="'cls/view/'+app.settings.theme+'/settlement/included/purchase.html'"></div>
    </ng-form>
  </fs-tab> -->
</fs-tabset>